<template>
    <view class="index_page">
        <image
            class="base_img"
            src="/static/home_use/home_base_top.png"
            mode="widthFix"
        ></image>
        <hy-statusheight></hy-statusheight>
        <!-- 头部logo -->
        <view class="home_logo_chunk df jsb ac">
            <view class="home_testccard df ac">
                <image
                    src="/static/home_use/home_logo_1.png"
                    mode="widthFix"
                    class="logo1"
                    @click="toSignFn"
                />
                <image
                    src="/static/home_use/home_logo_2.png"
                    mode="widthFix"
                    class="logo2"
                />
            </view>
        </view>
        <hySwiperItem></hySwiperItem>
    </view>
</template>

<script setup lang="ts">
import hySwiperItem from './components/hy-swiper-item.vue'
const num = ref(1)
const toSignFn = () => {
    num.value++
    if (num.value > 5) {
        num.value = 1
        uni.navigateTo({
            url: '/pages/subpackageCourse/user-sign-name/user-sign-name',
        })
    }
}
</script>

<style lang="scss" scoped>
.base_img {
    width: 750rpx;
    z-index: -1000;
    position: absolute;
}

.home_logo_chunk {
    /* #ifdef H5 */
    margin: 0rpx 32rpx 0 32rpx;
    /* #endif */
    /* #ifdef APP-HARMONY */
    margin: 8rpx 32rpx 0 32rpx;
    /* #endif */
    width: 686rpx;
    height: 88rpx;
    .logo1 {
        width: 192rpx;
        margin-right: 12rpx;
        margin-left: 10rpx;
    }

    .logo2 {
        width: 246rpx;
    }
}
</style>
